body,
ul,
li,
button,
input{
    margin: 0;
    padding: 0;
}
header{
    position: relative;
    height: 40vw;
}
header>img{
    position: absolute;
    top: 0;
    z-index: 0;
    width: 100vw;
    height: 32vw;
}
header>input{
    position: absolute;
    top: 26vw;
    background-color: #ffffff;
    width: 92vw;
    left: 50%;
    margin-left: -45.5vw;
    height: 11.73vw;
    text-align: center;
    padding: 0 2vw;
    border: none;
    box-sizing: border-box;
    border-radius: 1.33vw;
    box-shadow: 0 1.33vw 2vw .65vw rgba(0,0,0, 0.05);
    font-size: 3.46vw;
}
header>span{
    position: absolute;
    font-size: 3.46vw;
    margin-top: 30vw;

    left: 20%;

}
section{
    margin-top: 8vw;
}
.main-title{
    height: 6vw;
    padding-bottom: 4vw;
    font-size: 4vw;
    color: #30AF92;
    font-weight: bold;
    text-align: center;
}
.main-title>span{
    display: inline-block;
    width: 8vw;
    height: 0.4vw;
    background-color: #30AF92;
    vertical-align: middle;
    margin-left: 1.6vw;
    margin-right: 1.6vw;
}
section>ul{
    background-color: #EFF0F4;
    position: fixed;
    top: 58vw;
    left: 0;
    right: 0;
    bottom: 13vw;
    padding-top: 1.3vw;
    overflow-y: scroll;
}
section>ul>li{
    width: 100vw;
    height: 28vw;
    background-color: #ffffff;
    padding: 4.66vw 2.66vw;
    box-sizing: border-box;
    margin-bottom: 0.4vw;
}
section>ul>li>div:after{
    content: '';
    display: block;
    clear: both;
}
section>ul>li>div:first-child>span{
    font-size: 4.26vw;
    font-weight: bold;
}
section>ul>li>div:first-child>span:first-child{
    color: #333333;
    float: left;
}
section>ul>li>div:first-child>span:last-child{
    color: #FF624D;
    float: right;
}
section>ul>li>div:nth-child(2)>span:first-child{
    font-size: 3.46vw;
    color: #999999;
    float: left;
}
section>ul>li>div:nth-child(2)>span:last-child{
    font-size: 2.66vw;
    color: #BEBEBE;
    float: right;
}
section>ul>li>div:last-child{
    font-size: 3.73vw;
    color: #666666;
    margin-top: 3.66vw;
}

nav{
    position: fixed;
    bottom: 0;
    width: 100vw;
    height: 13vw;
    background-color: #EFF0F4;
    display: flex;
}
nav>button{
    display: block;
    flex:1;
    background: transparent;
    border: none;
    font-size: 2.66vw;
    color: #999999;
}
nav>button.chosen{
    color: #30AF92;
}
nav>button>img{
    display: block;
    width: 6.4vw;
    height: 6.4vw;
    margin: 0 auto;
}